$(function () {
    /*请求对象 */
    var QueryObj = {
        // 产品
        proName: $.getQueryString("key"),
        // 品牌id
        brandId: "",
        //价格排序
        price: "",
        //数据排序
        num: "",
        //第几页
        page: 1,
        //每页的条数
        pageSize: 4
    };
    //总页面
    var Total = 1;
    init();
    function init(params) {
        // 初始化下拉是刷新和上拉加载
        mui.init({
            pullRefresh: {
                container: "#refreshContainer",//下拉刷新容器标识，querySelector能定位的css选择器均可，比如：id、.class等
                down: {
                    height: 50,//可选,默认50.触发下拉刷新拖动距离,
                    auto: true,//可选,默认false.首次加载自动下拉刷新一次
                    contentdown: "下拉可以刷新",//可选，在下拉可刷新状态时，下拉刷新控件上显示的标题内容
                    contentover: "释放立即刷新",//可选，在释放可刷新状态时，下拉刷新控件上显示的标题内容
                    contentrefresh: "正在刷新...",//可选，正在刷新状态时，下拉刷新控件上显示的标题内容
                    callback: function () {
                        //在每次下拉的时候的page重新为1
                        QueryObj.page=1;
                        queryproduct(function (result) {
                            //渲染模板
                            var html = template("goodsTpl", result);
                            // console.log(html);
                            $(".lt_go_ul").html(html);
                            mui('#refreshContainer').pullRefresh().endPulldownToRefresh();
                            
                            mui('#refreshContainer').pullRefresh().refresh(true);
                        })
                        // 结束下拉刷新


                    }
                },
                up: {
                    height: 50,//可选.默认50.触发上拉加载拖动距离
                    auto: true,//可选,默认false.自动上拉加载一次
                    contentrefresh: "正在加载...",//可选，正在加载状态时，上拉加载控件上显示的标题内容
                    contentnomore: '没有更多数据了',//可选，请求完毕若没有更多数据时显示的提醒内容；
                    callback: function () {
                        //执行加载下一页
                        if (QueryObj.page >= Total) {
                            // 结束上拉
                            mui('#refreshContainer').pullRefresh().endPullupToRefresh(true);
                            return;
                        } else {
                            QueryObj.page++;
                            queryproduct(function (result) {
                                //将渲染数据写到这里
                                var html =template("goodsTpl",result)
                                $(".lt_go_ul").append(html);
                                mui('#refreshContainer').pullRefresh().endPullupToRefresh();
                            })
                        }
                    }
                }
            }
        });
        //绑定事件
        $(".seachBtn").on("tap",function () {
            console.log(123);
            var key = $(".seachTxt").val();
            QueryObj.proName=key;
            // console.log(QueryObj);
            //手动刷新
            mui("#refreshContainer").pullRefresh().pulldownLoading();
        })
        //点击排序按
        $(".order_tool>a").on("tap",function (e) {
            //因为w.targt不一定选中的是a标签；可以是span
            var aDom = e.target.nodeName == "A" ? e.target : e.target.parentNode;
             console.log(aDom);
            var sortName = aDom.dataset.sortname;
            // console.log(sortName);
            $(aDom).find(".mui-icon").toggleClass("mui-icon-arrowdown mui-icon-arrowup");
            var sort=1;
            //判断
            if ($(aDom).find(".mui-icon").hasClass("mui-icon-arrowdown")) {
                sort=2
            }else{

                sort=1;
            }
            QueryObj.mui="";
            QueryObj.price="";
            QueryObj[sortName]=sort;
            //手动刷新
            mui("#refreshContainer").pullRefresh().pulldownLoading();
        })
        //启动a标签
        $(".lt_go_ul").on("tap","a",function (e) {
            var aDom=e.target;
            //页面跳转
            location.href=aDom.href;
            
        })
    }

    //请求产品数据
    function queryproduct(callback) {

        $.get("/product/queryProduct", QueryObj, function (result) {
            // console.log(result);
            callback && callback(result);

            //总页面数据
            Total = Math.ceil(result.count / QueryObj.pageSize);
        })
    }
})